import SwiftUI

struct MapBlockers: View {

  let mapSize: CGSize
  let vertexSize: CGSize
  let blockers: [Blocker]

  let cornerSize = CGSize(width: 2.0, height: 2.0)

  var body: some View {
    ForEach(blockers, id: \.id) { vertex in
      Path { path in
        path.addRoundedRect(
          in: CGRect(
            origin: CGPoint(
              x: w(vertex.position.x) + 3 * vertexSize.width,
              y: h(vertex.position.y) - vertexSize.height * 2 / 3),
            size: CGSize(width: vertexSize.width / 2, height: vertexSize.height * 2)
          ), cornerSize: cornerSize)
      }.fill(Color.map.blockerColor)
    }
  }

  func h(_ dimension: CGFloat) -> CGFloat {
    max(0.0, min(mapSize.height, dimension * mapSize.height / 100.0))
  }

  func w(_ dimension: CGFloat) -> CGFloat {
    max(0.0, min(mapSize.width, dimension * mapSize.width / 100.0))
  }
}

#Preview {
  MapBlockers(
    mapSize: CGSize(width: 400.0, height: 400.0), vertexSize: CGSize(width: 25.0, height: 25.0),
    blockers: [
      Blocker(id: 0, position: CGPoint(x: 50.0, y: 50.0)),
      Blocker(id: 1, position: CGPoint(x: 10.0, y: 20.0)),
    ])
}